import React from 'react'
import LazyLoad, {forceCheck} from 'react-lazyload'
import loading from '../../../assets/images/loading.gif'
import './icon.css'
import { Content  } from './style'

export default function index(props) {
    // console.log(props);
    let {item}=props
    // console.log(item,'-----');
    return (
        <Content>
            <div className="ec-left">
            <LazyLoad placeholder={<img width="100%" height="100%" src={loading}/>}>
                <img src={item.imgsrc} className='ec-img' />    
            </LazyLoad>
            </div>
            <div className="ec-right">
                <div className="ecr-top">
                    {item.name}
                    <div className="gift">
                        送礼                       
                    </div>
                    <div className="Evacontent-iconfont Evacontent-icon-diandian"></div>
                </div>
                <div className="ecr-middle">
                   {item.comments}
                </div>
                <div className="ecr-bottom">
                    <div className="Evacontent-iconfont Evacontent-icon-dengpaotishi">亮了({item.light})</div>
                    <div className="Evacontent-iconfont Evacontent-icon-pinglun">评论({item.smile})</div>
                    <div className="Evacontent-iconfont Evacontent-icon-weibiaoti2fuzhi06">回复</div>
                </div>
            </div>
        </Content>
    )
}
